<template>
  <div>
    <GHeaderView />
    <div class="grmesg">
      <div>
        姓 &emsp;名：<input type="text" :disabled="bool" v-model="text">
      </div>
      <div>
        工 &emsp;号：<input type="text" :disabled="bool">
      </div>
      <div>
        手 机 号：<input type="text" :disabled="bool">
      </div>
      <div>
        所属门店：<input type="text" :disabled="bool">
      </div>
      <div>
        地  &emsp;址：<input type="text" :disabled="bool">
      </div>
      <div class="btn">
        <button @click="xiugai()">保存</button>
        <button @click="bool=false">编辑</button>
      </div>
    </div>
  </div>
</template>

<script>
import GHeaderView from "@/components/yanwengang/GHeaderView.vue";
import { xiugai } from "@/apis/yanwengang/yanwengang.js";
export default {
  components: {
    GHeaderView,
  },
  data(){
    return {
      bool:true,
      text:""
    }
  },
  methods:{
    xiugai(){
      xiugai().then((ok)=>{
        console.log(ok);
        this.bool=true
      })
    }
  },
  mounted(){
    
  }
};
</script>

<style coped>

.grmesg{
  width: 500px;
  height: 500px;
  border: 1px solid;
  margin: 20px auto;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  text-align: center;
}
.grmesg div{

  display: flex;
  justify-content: space-evenly;
}

.btn{
  
  height: 40px;
  display: flex;
  justify-content: space-evenly;
}
.btn button{
  width: 50px;
}

</style>